<!DOCTYPE html>
<html>
<head>
    <title>学生关联课程表</title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group">
                <div class="col-sm-1 control-label">状态</div>
                <div class="col-sm-2">
                    <select class="form-control" v-model="q.statu" @keyup.enter="query" >
                        <option value="0">未报名</option>
                        <option value="1">已报名</option>
                    </select>
                </div>
            </div>
            <a class="btn btn-default" @click="query">查询</a>
        </div>
        <div class="grid-btn">
            <!--<#if shiro.hasPermission("sys:courseuser:delete")>-->
            <!--<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>-->
        <!--</#if>-->
			<!--<#if shiro.hasPermission("sys:courseuser:save")>-->
            <!--<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>-->
			<!--</#if>-->
			<!--<#if shiro.hasPermission("sys:courseuser:update")>-->
            <!--<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>-->
			<!--</#if>-->

        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
														                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">用户id</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="courseuser.userid" placeholder="用户id"/>-->
                        <!--</div>-->
                    <!--</div>-->
            <div class="form-group">
                <div class="col-sm-2 control-label">学生</div>
                <div class="col-sm-10">
                    <el-select v-model="courseuser.userid" placeholder="请选择" @change="setUsername">
                        <el-option
                                v-for="item in users"
                                :key="item.id"
                                :label="item.username"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </div>
            </div>
											                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">课程id</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="courseuser.courseid" placeholder="课程id"/>-->
                        <!--</div>-->
                    <!--</div>-->
            <div class="form-group">
                <div class="col-sm-2 control-label">课程</div>
                <div class="col-sm-10">
                    <el-select v-model="courseuser.courseid" placeholder="请选择" @change="setCourseTitle">
                        <el-option
                                v-for="item in courses"
                                :key="item.id"
                                :label="item.title"
                                :value="item.id">
                        </el-option>
                    </el-select>
                </div>
            </div>
											                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">报名时间</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="courseuser.createtime" placeholder="报名时间"/>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">报名时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"  id="createtime" v-model="courseuser.createtime" placeholder="报名时间"/>
                        </div>
                    </div>
											                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">状态 0 报名中 1 已报名 2 已结束</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="courseuser.statu" placeholder="状态 0 报名中 1 已报名 2 已结束"/>-->
                        <!--</div>-->
                    <!--</div>-->
            <div class="form-group">
                    <!--<div class="col-sm-2 control-label">状态：</div>-->
                    <!--<div class="col-sm-10">-->
                        <!--<select class="form-control" v-model="courseuser.statu" placeholder="选择订单状态">-->
                            <!--<option value="0">报名中</option>-->
                            <!--<option value="1">已报名</option>-->
                            <!--<option value="2">已结束</option>-->
                        <!--</select>-->
                    <!--</div>-->

                <div class="form-group" id="statu">
                    <div class="col-sm-2 control-label">报名状态</div>
                    <label class="radio-inline">
                        <input id="status1" type="radio" name="statu" value="1" v-model="courseuser.statu" checked="checked"/> 已报名
                    </label>
                    <label class="radio-inline">
                        <input id="status2" type="radio" name="statu" value="0" v-model="courseuser.statu"/> 未报名
                    </label>
                </div>
            </div>
											                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">题目解析</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="courseuser.topicanalysis" placeholder="题目解析"/>-->
                        <!--</div>-->
                    <!--</div>-->
											                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">答题时间</div>-->
                        <!--<div class="col-sm-10">-->
                            <!--<input type="text" class="form-control" v-model="courseuser.answertime" placeholder="答题时间"/>-->
                        <!--</div>-->
                    <!--</div>-->
							            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/courseuser.js?_${.now?long}"></script>
<script>
    var startDate= laydate.render({
        elem: '#createtime'//指定元素
        ,type: 'datetime'
    });
</script>
</body>
</html>